<template>
  <view class="box">
    <!-- 地址 -->
    <view class="box1">
      <dizhi></dizhi>
    </view>
    <!-- 宠物信息 -->
    <view class="box2">
      <view>宠物信息</view>
      <view class="box21">
        <view class="bxo1left">
          <image src="/static/logo.png" mode="" />
        </view>
        <view class="bxo1right">
          <view class="bxo1right1">
            薄荷绿郭艾伦实战篮球鞋 黑白
          </view>
          <view class="bxo1right2">
            ￥45/次
          </view>
        </view>
      </view>
      <view class="box22">
        <view class="">实付金额</view>
        <view style="color: #d23d33;">￥5.00</view>
      </view>
    </view>

    <!--  -->
    <view class="box4">
      <view class="">订单信息</view>
      <view class="box41">
        <view class="">订单编号</view>
        <view style="color: #a1a1a1;">1223346578989</view>
      </view>
      <view class="box41">
        <view class="">下单时间</view>
        <view style="color: #a1a1a1;">2023-05-17 16:40-17:40</view>
      </view>
    </view>
    <!--  -->
    <view class="box3">
      <view class="">师傅信息</view>
      <view class="box31">
        <view class="bxo1left">
          <image src="/static/logo.png" mode="" />
        </view>
        <view class="bxo1right">
          <view class="bxo1right1">
            服务名称服务名称
          </view>
          <view class="bxo1right2">
            2023-05-17 16:40-17:40
          </view>
        </view>
      </view>
    </view>
    <!--  -->
    <view class="box4">
      <view class="box41">
        <view class="">向机构捐献</view>
        <view style="color: #d23d33;">xxx元</view>
      </view>
    </view>
    <view class="box4">
      <view class="box41">
        <view class="">此订单返现</view>
        <view style="color: #d23d33;">xxx元</view>
      </view>
    </view>
    <!--  -->
    <uv-popup ref="popup" mode="center" bgColor="none">
      <view class="tanchu">
        <view class="tanchuBox">
          <view class="tanchuBox1" v-for="item in 4">
            <view class="tanchuBox1-1">
              <image src="../../static/image/dingdan.png" mode=""></image>
            </view>
            <view class="">太阳</view>
            <view class="tanchuBox1-3">￥2</view>
          </view>
        </view>
        <view class="but">
          <button class="but1">确认打赏</button>
        </view>
      </view>
    </uv-popup>
    <!--  -->
    <view class="box5">
      <view class="box51">
        <button class="but1" @click="jump">立即评价</button>
        <button class="but" @click="open">打赏师傅</button>
      </view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  import dizhi from '@/components/dizhi/dizhi.vue';
  components: {
    dizhi
  }
  const jump = (() => {
    uni.navigateTo({
      url: "/pages/lijipingj/lijipingj"
    })
  })
  const popup = ref()
  const open = (() => {
    popup.value.open();
  })
</script>

<style lang="scss">
  @import url("yiwancheng.scss");
</style>